<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="renderer" content="webkit">
    <meta name="force-rendering" content="webkit">
    <meta name="viewport" content="initial-scale=1.0,user-scalable=no,maximum-scale=1,width=device-width">
    <title><?php echo implode('-', $title) ?></title>
    <meta name="applicable-device" content="pc,mobile">
    <!--{hook head_link_style.html}-->
</head>
<body onselectstart="return false" ondragstart="return false" onbeforecopy="return false" oncopy=document.selection.empty() onselect=document.selection.empty()>
<!--{hook website_header.html}-->
<div class="search">
    <div class="particles" id="j-particles" style="height: 100%;"></div>
    <div class="container" style="position: relative;">
        <p class="support-title"><?= $title[0] ?? '最新动态' ?></p>
        <form class="search-form" action="/s" method="get">
            <input class="search-input" type="text" name="keywords" value="" placeholder="输入关键词搜索...">
            <input class="search-button" type="submit" value="搜索">
        </form>
    </div>
</div>
<div class="container">
    <ol class="breadcrumb">
        <li><i class="fa fa-map-marker"></i> <a href="/">首页</a></li>
        <li class="active"><?= $title[0] ?? '最新动态' ?></li>
    </ol>
    <div class="content">
        <ul class="post-list">
            <?php foreach ($List['data'] as $row){ ?>
                <!--{hook website_article_topic_list.html}-->
            <?php } ?>
        </ul>
        <ul class="pagination">
            <?php echo $pagination ?>
        </ul>
    </div>
    <aside class="sidebar">

        <div class="widget">
            <h3 class="widget-title"><i class="fa fa-fire"></i> 点击排行</h3>
            <ol class="widget-list">
                <li>
                    <span class="rank rank1">1</span>
                    <a title="WPCOM主题如何升级到最新版 主题在线更新教程" href="../../news/62.html">WPCOM主题如何升级到最新版
                        主题在线更新教程</a>
                </li>
                <li>
                    <span class="rank rank2">2</span>
                    <a title="可视化页面拖拽生成工具使用教程"
                       href="../../news/33.html">可视化页面拖拽生成工具使用教程</a>
                </li>
                <li>
                    <span class="rank rank3">3</span>
                    <a title="WPCOM付费主题购买流程" href="../../news/24.html">WPCOM付费主题购买流程</a>
                </li>
                <li>
                    <span class="rank rank4">4</span>
                    <a title="是时候为wordpress图片加载开挂了：WebP智能兼容方案" href="../../news/156.html">是时候为wordpress图片加载开挂了：WebP智能兼容方案</a>
                </li>
                <li>
                    <span class="rank rank5">5</span>
                    <a title="无法安装这个包。 主题缺少style.css样式表。wordpress主题安装失败解决办法"
                       href="../../news/115.html">无法安装这个包。
                        主题缺少style.css样式表。wordpress主题安装失败解决办法</a>
                </li>
                <li>
                    <span class="rank rank6">6</span>
                    <a title="WordPress 安装主题、插件、更新时需要FTP的解决办法" href="../../news/101.html">WordPress
                        安装主题、插件、更新时需要FTP的解决办法</a>
                </li>
                <li>
                    <span class="rank rank7">7</span>
                    <a title="WordPress SMTP邮件发送插件：Easy WP SMTP" href="../../news/119.html">WordPress
                        SMTP邮件发送插件：Easy WP SMTP</a>
                </li>
                <li>
                    <span class="rank rank8">8</span>
                    <a title="WordPress七牛云静态文件CDN加速配置教程" href="../../news/158.html">WordPress七牛云静态文件CDN加速配置教程</a>
                </li>
                <li>
                    <span class="rank rank9">9</span>
                    <a title="第三方wordpress主题安装教程" href="../../news/6.html">第三方wordpress主题安装教程</a>
                </li>
                <li>
                    <span class="rank rank10">10</span>
                    <a title="一键重置wordpress网站数据，快速删除网站数据" href="../../news/113.html">一键重置wordpress网站数据，快速删除网站数据</a>
                </li>
            </ol>
        </div>
    </aside>
</div>
<!--{hook website_footer.html}-->
</body>
</html>